<script setup>
  const props = defineProps(['data'])
</script>

<template>
  <view class="">
    <view class="p-normal d-flex d-flex-aic item">
      <view class="d-flex-fx1 pr-normal">
        <view class="text-ellipsis-2 title">{{props.data.aTitle}}</view>
        <view class="d-flex d-flex-aic mt-normal date">
          <uv-icon class="mr-normal" name="clock-fill"></uv-icon>
          <view>{{props.data.createTime.slice(0,10)}}</view>
        </view>
      </view>
      <view class="pic ml-normal" style="overflow: hidden;">
        <image :src="props.data.aImg" mode="widthFix" class="image image-fill-x"></image>
      </view>
    </view>
  </view>
</template>

<style lang="scss" scoped>
  .item {
    border-bottom: 1px dashed #dddddd;

    .pic {
      width: 120px;
      height: 72px;
    }

    .title {
      font-weight: bold;
	  height: 42px;
    }
  }
</style>